/** @format */
import {
	createRouter,
	createWebHashHistory,
	createWebHistory
} from 'vue-router'

// 导入 3 个页面组件
import Find from '@/views/Find.vue'
import My from '@/views/My.vue'
import Friend from '@/views/Friend.vue'
import _404 from '@/views/404.vue'

const router = createRouter({
	// history: createWebHashHistory(), // 哈希模式
	history: createWebHistory(), // 历史模式
	routes: [
		{
			// 默认打开页面，会访问 / 根路径，这里借助 redirect 让其强制跳转到 /find 发现音乐页
			path: '/',
			redirect: '/find' // 重定向
		},
		{
			path: '/find',
			component: Find
		},
		{
			path: '/my',
			component: My
		},
		{
			path: '/friend',
			component: Friend
		},
		{
			// 配置 404 规则
			path: '/:pathMatch(.*)*',
			component: _404
		}
	]
})

export default router
